﻿<div class="container-fluid navbar-fixed-top top-bar">
    <div class="container-title">
        <div class="container-title-back" ng-click="back()"></div>
        <div class="container-title-main">公告列表</div>
    </div>
</div>
<div class="clear50"></div>
<div class="xx_bg"></div>
<div class="qycx list-fixtop">
    <div class="nav-class">
        <div class="container-fluid">
            <table class="table">
                <tbody>
                    <tr>
                        <td><a class="active" id="f_left">&nbsp;&nbsp;&nbsp;&nbsp;最新公告&nbsp;&nbsp;&nbsp;&nbsp;</a></td>
                        <td><a id="f_right">&nbsp;&nbsp;&nbsp;&nbsp;我的收藏&nbsp;&nbsp;&nbsp;&nbsp;</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="clear40"></div>
<div class="page1">
    <div id="div_data" openxtonscrolldown="f_showdata();">

        <div class="new_border" ng-repeat="notice in notices">
            <div class="container-fluid" ng-click="detail(notice.ID)">
                <div class="new-con">
                    <h1>{{notice.TITLE}}</h1>
                    <p>{{notice.CONTENT}}</p>
                    <h2>{{notice.SOURCE}} {{notice.CREATETIME}}</h2>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="page2" style="display:none;">
    <div id="div_data2" openxtonscrolldown="f_showdata2();">
        <div class="new_border" ng-repeat="care in cares">
            <div class="container-fluid" ng-click="detail(care.ID)">
                <div class="new-con">
                    <h1>{{care.TITLE}}</h1>
                    <p>{{care.CONTENT}}</p>
                    <h2>{{care.SOURCE}} {{care.CREATETIME}}</h2>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/Scripts/js/main.js"></script>
<script>
    $("#f_right").click(function () {
        $(".page2").show();
        $(".page1").css({ 'display': 'none' });
    })
    $("#f_left").click(function () {
        $(".page1").show();
        $(".page2").css({ 'display': 'none' });
    })
</script>
